export default function () {
    let num = ''
    var codeNum=document.getElementById("code")
    codeNum.addEventListener("click",function () {//验证码被单击时刷新
        reCode()
    })
    reCode()//加载完成就执行验证码方法
    function reCode() {//创建验证码方法
        num=''
        var ctx=codeNum.getContext("2d")
        ctx.clearRect(0,0,500,500)//清除
        var arr = [0,1,2,3,4,5,6,7,8,9,'a','b','c','d','e','f','g']
        for (var i = 0;i<6;i++){
            num+=arr[parseInt(Math.random()*arr.length)]
        }
        ctx.font="5rem  仿宋";
        var txt=num+"";
        ctx.textAlign="center";  //水平居中   还有其他的值
        ctx.textBaseline="middle"; //垂直居中  还有其他的值
        ctx.fillStyle=col()
        ctx.fillText(txt.charAt(0),25,75);
        ctx.fillStyle=col()
        ctx.fillText(txt.charAt(1),75,75);
        ctx.fillStyle=col()
        ctx.fillText(txt.charAt(2),125,75);
        ctx.fillStyle=col()
        ctx.fillText(txt.charAt(3),175,75);
        ctx.fillStyle=col()
        ctx.fillText(txt.charAt(4),225,75);
        ctx.fillStyle=col()
        ctx.fillText(txt.charAt(5),275,75);
        ctx.beginPath();
        ctx.lineWidth=2
        ctx.moveTo(0,parseInt(Math.random()*50)+50);
        ctx.lineTo(300,parseInt(Math.random()*50)+50);
        ctx.strokeStyle=col();
        ctx.stroke();
        ctx.beginPath();
        ctx.lineWidth=5
        ctx.moveTo(0,parseInt(Math.random()*50)+50);
        ctx.lineTo(300,parseInt(Math.random()*50)+50);
        ctx.strokeStyle=col();
        ctx.stroke();
        function col() {//颜色方法
            //颜色值不可太大，不然有可能与背景色相近，无法识别
            var r = parseInt(Math.random()*150)
            var g = parseInt(Math.random()*150)
            var b = parseInt(Math.random()*150)
            return `rgb(${r},${g},${b})`
        }
        let submit_massage = document.getElementById('submit_massage')
        let verification = document.getElementById('verification')
        let err = document.getElementsByClassName('code-err')[0]
        submit_massage.disabled=true//初始加载无法不选中
        verification.addEventListener("keyup",()=>{
            if(num==verification.value){
                submit_massage.disabled=false
                err.style.opacity=0
            }else{
                submit_massage.disabled=true
                err.style.opacity=1
            }
        })
    }

}